<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>写字楼</title>
		<link rel="stylesheet" type="text/css" href="../css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="../css/xiezilou.css"/>
	</head>
	<body>
		<!-- top -->
		<div class="index-top">
			<div class="container">
				<div class="menu-box fl">
					<ul>
						<li><a href="#">首页</a></li>
						<li><a href="#">新房</a></li>
						<li><a href="#">二手房</a></li>
						<li><a href="#">租房</a></li>
						<li><a href="#" class="on">商铺</a></li>
						<li><a href="#">写字楼</a></li>
						<li><a href="#">委托申请</a></li>
						<li><a href="#">发布房源</a></li>
						<li><a href="#">房产百科</a></li>
						<li><a href="#">掌上可心房</a></li>
					</ul>
				</div>
				<div class="tel-box fr">
					<p>客服热线：023-4888888</p>
				</div>
				<div class="login-box fr">
					<img src="../img/wechat.png" >
					<img src="../img/QQ.png" >
					<img src="../img/webo.png" >
					<span class="login-bottom">
						<a href="jacascript:void(0)" id="login">登录</a> |
						<a href="jacascript:void(0)" id="register">注册</a>
					</span>
				</div>
			</div>
		</div><!-- top结束 -->
		<div class="info-box">
			<div class="contain">
				<div class="menu-left fl">
					<div class="logo fl">
						<img src="../img/logo-pg.png" >
						可心房写字楼
					</div>
					<div class="menu-input-box">
						<input type="text" placeholder="请输入关键字搜索"/>
						<img src="../img/search-icon.png" >
					</div>
				</div>
				<div class="menu-right fr">
					<ul>
						<li>我要出租</li>
						<li>我要出售</li>
					</ul>
				</div>
				<div class="clear"></div>
			</div>
			<!-- 条件筛选 -->
			<div class="screen-box">
				<div class="contain">
					<div class="screen-box-top">
						<p class="fl">位置</p>
						<p class="fl bx bx-on">不限</p>
						<p class="fl bx">南洲中学</p>
						<p class="fl bx">普惠</p>
						<p class="fl bx">开发区</p>
						<p class="fl bx">版画院</p>
						<p class="fl bx">书香名都</p>
						<p class="fl bx">新体育馆</p>
						<p class="fl bx">512</p>
						<p class="fl bx">二级车站</p>
						<p class="fl bx">营盘山</p>
						<p class="fl bx">大石路</p>
						<p class="fl bx">万达广场</p>
						<p class="fl bx">凯旋天街</p>
						<p class="fl bx">阿瑟发顺丰</p>
						<p class="fl bx">通惠新城</p>
					</div>
					<div class="screen-box-cont">
						<ul class="checkout-box">
						<li style="width: 60px;">资金</li>
						<li>
							<div class="new-checkbox checkbox-show fl tips-checkout">
							    <input type="checkbox" class="checkbox-style" id="price2">
							    <span></span>
							    <label for="price2">不限</label>
							</div>
						</li>
						<li>
							<div class="new-checkbox checkbox-show fl tips-checkout">
							    <input type="checkbox" class="checkbox-style" id="price2">
							    <span></span>
							    <label for="price2">35元/㎡.月</label>
							</div>
						</li>
						<li>
							<div class="new-checkbox checkbox-show fl tips-checkout">
							    <input type="checkbox" class="checkbox-style" id="price2">
							    <span></span>
							    <label for="price2">35-55元/㎡.月</label>
							</div>
						</li>
						<li>
							<div class="new-checkbox checkbox-show fl tips-checkout">
							    <input type="checkbox" class="checkbox-style" id="price2">
							    <span></span>
							    <label for="price2">55-75元/㎡.月</label>
							</div>
						</li>
						<li>
							<div class="new-checkbox checkbox-show fl tips-checkout">
							    <input type="checkbox" class="checkbox-style" id="price2">
							    <span></span>
							    <label for="price2">75-100元/㎡.月</label>
							</div>
						</li>
						<li>
							<div class="new-checkbox checkbox-show fl tips-checkout">
							    <input type="checkbox" class="checkbox-style" id="price2">
							    <span></span>
							    <label for="price2">100元/㎡.月</label>
							</div>
						</li>
						<li style="width: 180px;margin-left: 30px;">
							<input style="width: 68px;" type="text" class="fl"/><p class="fl">&nbsp;--&nbsp;</p> <input style="width: 68px;"  type="text" class="fl"/>
						</li>
						</ul>
						<div class="clear"></div>
						<ul class="checkout-box">
						<li style="width: 60px;">面积</li>
						<li>
							<div class="new-checkbox checkbox-show fl tips-checkout">
							    <input type="checkbox" class="checkbox-style" id="price2">
							    <span></span>
							    <label for="price2">不限</label>
							</div>
						</li>
						<li>
							<div class="new-checkbox checkbox-show fl tips-checkout">
							    <input type="checkbox" class="checkbox-style" id="price2">
							    <span></span>
							    <label for="price2">30-50平</label>
							</div>
						</li>
						<li>
							<div class="new-checkbox checkbox-show fl tips-checkout">
							    <input type="checkbox" class="checkbox-style" id="price2">
							    <span></span>
							    <label for="price2">50-70平</label>
							</div>
						</li>
						<li>
							<div class="new-checkbox checkbox-show fl tips-checkout">
							    <input type="checkbox" class="checkbox-style" id="price2">
							    <span></span>
							    <label for="price2">70-90平</label>
							</div>
						</li>
						<li>
							<div class="new-checkbox checkbox-show fl tips-checkout">
							    <input type="checkbox" class="checkbox-style" id="price2">
							    <span></span>
							    <label for="price2">90-120平</label>
							</div>
						</li>
						<li>
							<div class="new-checkbox checkbox-show fl tips-checkout">
							    <input type="checkbox" class="checkbox-style" id="price2">
							    <span></span>
							    <label for="price2">120-150平</label>
							</div>
						</li>
						<li class="more">
							+更多及自定义
						</li>
						</ul>
						<div class="clear"></div>
						<ul class="checkout-box">
						<li style="width: 60px;">类型</li>
						<li>
							<div class="new-checkbox checkbox-show fl tips-checkout">
							    <input type="checkbox" class="checkbox-style" id="price2">
							    <span></span>
							    <label for="price2">不限</label>
							</div>
						</li>
						<li>
							<div class="new-checkbox checkbox-show fl tips-checkout">
							    <input type="checkbox" class="checkbox-style" id="price2">
							    <span></span>
							    <label for="price2">纯写字楼</label>
							</div>
						</li>
						<li>
							<div class="new-checkbox checkbox-show fl tips-checkout">
							    <input type="checkbox" class="checkbox-style" id="price2">
							    <span></span>
							    <label for="price2">商住楼</label>
							</div>
						</li>
						<li>
							<div class="new-checkbox checkbox-show fl tips-checkout">
							    <input type="checkbox" class="checkbox-style" id="price2">
							    <span></span>
							    <label for="price2">商业综合体</label>
							</div>
						</li>
						<li>
							<div class="new-checkbox checkbox-show fl tips-checkout">
							    <input type="checkbox" class="checkbox-style" id="price2">
							    <span></span>
							    <label for="price2">酒店写字楼</label>
							</div>
						</li>
						</ul>
						<div class="clear"></div>
						<div style="height: 20px;"></div>
					</div>
				</div>
			</div><!-- 条件筛选结束 -->
			<!-- 更多条件 -->
			<div class="gendutj-box">
				<div class="contain">
					<p class="fl" style="margin-right: 30px;">特色</p>
					<ul>
						<li>不限</li>
						<li>赠送免租期</li>
						<li>交通便利</li>
						<li>中心商务区</li>
						<li>知名物业</li>
						<li>繁华商圈</li>
						<li>免中介费</li>
						<li>可注册办公</li>
					</ul>
				</div>
			</div><!-- 更多条件结束 -->
			<!-- 列表开始 -->
			<!-- 主体内容 -->
			<div class="cont contain">
				<div class="cont-left fl">
					<div class="cont-menu-box">
						<ul>
							<li class="on">全部房源</li>
							<li>个人房源</li>
						</ul>
						<ul class="fr saixuan">
							<li>发布时间</li>
							<li>总价<img src="../img/yuanj-x.png" ></li>
							<li>单价<img src="../img/yuanj-x.png" ></li>
							<li>面积<img src="../img/yuanj-x.png" ></li>
						</ul>
					</div><!-- 主体内容结束 -->
					<!-- 房产列表 -->
					<div class="house-item">
						<img src="../img/item-img.png" class="fl">
						<div class="house-item-center fl">
							<p style="font-weight: bold;font-size: 16px;margin-bottom: 18px;">感恩客户！红星集团推出少量铺子回馈客户，54万的...</p>
							<p style="margin-bottom: 15px;"><span style="margin-right: 60px;">类型  住宅底商</span>所在楼层  1层（共5层）</p>
							<p style="margin-bottom: 15px;"><span style="margin-right: 60px;">新单顾问  李龙</span>等级 5A级</p>
							<p>恒都世纪花城    <span style="color: #9c9aa1;">綦江-綦江古南镇文龙街道九龙大道82号</span></p>
							<ul>
								<li>在线签约</li>
								<li>押一付一</li>
								<li>整租</li>
							</ul>
						</div>
						<div class="house-item-right fl">
							<p style="font-size: 14px;color: #fe2947;">
								<span style="font-size: 26px;color: #000000;">80㎡</span></p>
							<p style="font-size: 16px;margin-top: 15px;">建筑面积</p>
						</div>
						<div class="house-item-right fl" >
							<p style="font-size: 14px;color: #fe2947;">
								<span style="font-size: 26px;">2.3</span>元/㎡.月</p>
							<p style="font-size: 16px;margin-top: 15px;">14500元/㎡</p>
						</div>
					</div>
					<div class="house-item">
						<img src="../img/item-img.png" class="fl">
						<div class="house-item-center fl">
							<p style="font-weight: bold;font-size: 16px;margin-bottom: 18px;">感恩客户！红星集团推出少量铺子回馈客户，54万的...</p>
							<p style="margin-bottom: 15px;"><span style="margin-right: 60px;">类型  住宅底商</span>所在楼层  1层（共5层）</p>
							<p style="margin-bottom: 15px;"><span style="margin-right: 60px;">新单顾问  李龙</span>等级 5A级</p>
							<p>恒都世纪花城    <span style="color: #9c9aa1;">綦江-綦江古南镇文龙街道九龙大道82号</span></p>
							<ul>
								<li>在线签约</li>
								<li>押一付一</li>
								<li>整租</li>
							</ul>
						</div>
						<div class="house-item-right fl">
							<p style="font-size: 14px;color: #fe2947;">
								<span style="font-size: 26px;color: #000000;">80㎡</span></p>
							<p style="font-size: 16px;margin-top: 15px;">建筑面积</p>
						</div>
						<div class="house-item-right fl" >
							<p style="font-size: 14px;color: #fe2947;">
								<span style="font-size: 26px;">2.3</span>元/㎡.月</p>
							<p style="font-size: 16px;margin-top: 15px;">14500元/㎡</p>
						</div>
					</div>
					<div class="house-item">
						<img src="../img/item-img.png" class="fl">
						<div class="house-item-center fl">
							<p style="font-weight: bold;font-size: 16px;margin-bottom: 18px;">感恩客户！红星集团推出少量铺子回馈客户，54万的...</p>
							<p style="margin-bottom: 15px;"><span style="margin-right: 60px;">类型  住宅底商</span>所在楼层  1层（共5层）</p>
							<p style="margin-bottom: 15px;"><span style="margin-right: 60px;">新单顾问  李龙</span>等级 5A级</p>
							<p>恒都世纪花城    <span style="color: #9c9aa1;">綦江-綦江古南镇文龙街道九龙大道82号</span></p>
							<ul>
								<li>在线签约</li>
								<li>押一付一</li>
								<li>整租</li>
							</ul>
						</div>
						<div class="house-item-right fl">
							<p style="font-size: 14px;color: #fe2947;">
								<span style="font-size: 26px;color: #000000;">80㎡</span></p>
							<p style="font-size: 16px;margin-top: 15px;">建筑面积</p>
						</div>
						<div class="house-item-right fl" >
							<p style="font-size: 14px;color: #fe2947;">
								<span style="font-size: 26px;">2.3</span>元/㎡.月</p>
							<p style="font-size: 16px;margin-top: 15px;">14500元/㎡</p>
						</div>
					</div>
					<!-- 列表结束 -->
					
					
						<!-- 分页器 -->
					<ul class="page-box">
						<li>首页</li>
						<li>上一页</li>
						<li>1</li>
						<li>2</li>
						<li>3</li>
						<li>...</li>
						<li>100</li>
						<li>下一页</li>
					</ul>
					<!-- 分页器结束 -->	
				</div>
				<div class="cont-right fr">
					<img src="../img/dituzhaof-icon.png" >
					<img src="../img/dtzf-bt.png" style="margin-top: 25px;">
					<div style="border-bottom: solid 3px #e3e3e3;margin-top: 30px;margin-bottom: 25px;"></div>
					<p style="font-size: 14px;color:#fe2947;">下载可心房便捷找房APP</p>
					<img src="../img/index/erweima.png" >
				</div>
				<div class="clear"></div>
			</div>
			
		
		
		<!-- 网站footer -->
		<div class="page-footer">
			<div class="contain">
				<div class="page-foot-top">
					<ul>
						<li><a href="#">关于我们</a></li>
						<li><a href="#">联系我们</a></li>
						<li><a href="#">隐私声明</a></li>
						<li><a href="#">綦江小区</a></li>
						<li><a href="#">可心经纪人</a></li>
					</ul>
					<p class="fr">客服热线 <span style="color: #fff116;margin-left: 10px;">023-48625859</span></p>
				</div>
				<div class="page-foot-cont">
					<div class="foot-left fl">
						<div class="foot-left-top">
							<div class="tab-item fl on">人气楼盘</div>
							<div class="tab-item fl">热门楼盘</div>
							<div class="tab-item fl">推荐城市楼盘</div>
						</div>
						<div class="foot-left-cont">
							<ul>
								<li>金科御景江湾</li>
								<li>金科御景江湾</li>
								<li>金科御景江湾</li>
								<li>金科御景江湾</li>
								<li>金科御景江湾</li>
								<li>金科御景江湾</li>
								<li>金科御景江湾</li>
								<li>金科御景江湾</li>
								<li>金科御景江湾</li>
								<li>金科御景江湾</li>
								<li>金科御景江湾</li>
								<li>金科御景江湾</li>
								<li>金科御景江湾</li>
								<li>金科御景江湾</li>
								<li>金科御景江湾</li>
								<li>金科御景江湾</li>
							</ul>
						</div>
					</div>
					<div class="foot-right fr">
						<img style="margin-top: 20px;" src="../img/buttom-jjr.png" >
						<img src="../img/buttom-fbfy.png" >
					</div>
				</div>
				<div class="page-foot-bu">
					<p>Copyright 2015-2018©綦江可心房网络科技有限公司 渝ICP备17013215号           联系电话：02348625859 | 地址：綦江綦江区文龙街道核桃湾6-1090-1号</p>
				</div>
			</div>
		</div><!-- 网站footer结束 -->
		
		  <!-- 登录窗口 -->
		<div class="model" hidden>
					  <div class="model-login-box" id="login_box" hidden>
						  <div class="model-login-top"> 
							  <p>登录可心房</p>
							  <img src="../img/login-close.png" class="login-close">
						  </div>
						  <div class="login-menu-box">
							  <div class="login-menu-group fl on" id='sjdl'>
								  手机快捷登录
							  </div>
							  <div class="login-menu-group fl" id='zhdl' style="border-left: solid 1px #e3e3e3;">
							  		账号密码登录				  
							  </div>
						  </div>
						  <div class="login-input-box">
							  <input type="text" name="" id="" value="" placeholder="请输入手机号码" class="login-tel-box"/>
							  <div hidden id='zhdl_box'>
								<input type="text" name="" id="" value="" placeholder="请输入登录密码" class="login-tel-box" style="margin-top: 0px;"/>
								<img src="../img/yanj.png" class="yanj">  
							  </div>
							  <div id='sjdl_box'>
							  	<input type="text" name="" id="" value="" placeholder="请输入验证码" class="login-yanz-box fl"/>
							  	<div class="get-code fl">获取验证码</div>
							  </div>
							  <div class="clear"></div>
							<div class="login-tips">
								<img src="../img/checkout.png" class="fl login-tips-img">
								<p class="fl login-tips-time">7天内免登录</p>
								<a href="#" class="fr log" style="display: none;">忘记密码?</a>
							</div>
							<p class="xieyi">登录即代表同意《可心房隐私政策》及《可心房用户服务协议》</p>
							<div class="login-buttom">登录</div>
							<img src="../img/qitfs.png" class="qitfs">
							<div class="login-other">
								<img src="../img/login-QQ.png" >
								<img src="../img/login-wechat.png" >
								<img src="../img/login-weibo.png" >
							</div>
						  </div>
					  </div>
					  
					  <!-- 注册窗口 -->
					   <div class="model-login-box" id="register_box" hidden>
					  		 <div class="model-login-top"> 
					  			<p>注册可心房账号</p>
					  			<img src="../img/login-close.png" class="login-close">
					  		</div>
							<div class="login-input-box">
								<input type="text" name="" id="" value="" placeholder="请输入手机号码" class="login-tel-box" style="margin-bottom: 0;"/>
								<input type="text" name="" id="" value="" placeholder="请输入验证码" class="login-tel-box"/>
								<input type="text" name="" id="" value="" placeholder="请输入验证码" class="login-yanz-box fl"/>
								<div class="get-code fl">获取验证码</div>
								<div class="clear"></div>
								 <div id='zhdl_box' style="margin-top: 10px;">
								    <input type="text" name="" id="" value="" placeholder="请输入登录密码" class="login-tel-box" style="margin-top: 0px;"/>
									<img src="../img/yanj.png" class="yanj" style="top: 285px;">  
								</div>
								<div class="login-tips">
									<img src="../img/checkout.png" class="fl login-tips-img">
									<p class="fl login-tips-time" style="font-size: 12px;margin-top: -1px;">我已阅读并同意<a href="#" style="color: #fe2947;">《可心房隐私政策》</a>及<a href="#" style="color: #fe2947;">《可心房用户服务协议》</a></p>
								</div>
							</div>
							<div class="clear"></div>
							<div class="login-buttom" style="margin-top: 60px;">登录</div>
							<div class="register-tips">
								<p>已有账号？去<span style="color: #fe2947;">登录</span></p>
							</div>
					  </div><!-- 注册窗口结束 -->
		<script src="../js/jquery.js"></script>			  
		<script src="../js/login.js"></script>
	</body>
</html>
